<template>
	<view>
		<view class="boxnav" v-for="(item,index) in list" :key="index" @click="gotopr(item)">
			<view class="boxlet">
				<up-icon name="file-text" size="16"></up-icon>
				<view class="rite">{{item.text}}</view>
			</view>
			<up-icon name="arrow-right" size="16"></up-icon>
		</view>
	</view>
</template>

<script setup>
import { ref } from 'vue';
let list = ref([
	{text:'平台服务条款',url:'/pages/clause/clause'},
	{text:'隐私政策',url:'/pages/privacy/privacy'},
	{text:'订场须知',url:'/pages/guide/guide'}
])
const gotopr=(item)=>{
	uni.navigateTo({
		url:item.url
	})
}
</script>

<style scoped>
   .boxnav{
	   width: 710rpx;
	   height: 100rpx;
	   display: flex;
	   align-items: center;
	   justify-content: space-between;
	   margin: 0 auto;
	   border-bottom: 1px solid #d9d9d9;
   }
   .boxlet{
	   display: flex;
	   align-items: center;
   }
   .rite{
	   margin-left: 20rpx;
   }
</style>
